<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="no" name="apple-touch-fullscreen">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <script src="../js/base.min.js"></script>
    <script src="../js/jquery-3.3.1.min.js"></script>
    <link rel="stylesheet" href="../css/d1.css"/>
    <title>王者荣耀</title>

</head>
<body>
<img src="../img/libai.png" class="libai">
<img src="../img/hanxin.png" class="hanxin">
<section class="f1" flex="cross:center main:justify">
    <img src="../img/logo.png" class="logo">
    <img src="../img/weixin.png" class="weixin">
</section>
<section class="f2" flex="main:center cross:center dir:top">
    <p>
        2019.1.01 - 2.14
    </p>
    <img src="../img/biaoti.png">
    <a href="#" class="hdgz">活动规则</a>
</section>
<section class="f3" flex="dir:top cross:center">
    <p class="p1">
        点击卡牌，开启奖励
    </p>

    <p class="p2">
        翻牌10次必得大奖，选择你的
        <a href="#" class="span1">心愿大奖</a>
    </p>

    <div class="lan">
        <p class="p3">
            <span>剩余翻牌次数
                <a href="#" class="span2" id="shengyucishu">10次</a>
            </span>
            <span>累计已翻牌次数
                <a href="#" class="span2" id="fanpaicishu">0次</a>
            </span>
            <a href="#" class="d22">获取次数</a>
        </p>
        <p class="p3">翻牌10次，必达成心愿</p>
        <ul class="list" flex>
            <li class="fanpaishuliang">
                <img src="../img/wzk.png">
                <img src="../img/pai1.png">
            </li>
            <li class="fanpaishuliang">
                <img src="../img/wzk.png">
                <img src="../img/pai4.png">
            </li>
            <li class="fanpaishuliang">
                <img src="../img/wzk.png">
                <img src="../img/pai6.png">
            </li>
            <li class="fanpaishuliang">
                <img src="../img/wzk.png">
                <img src="../img/pai8.png">
            </li>
        </ul>
        <ul class="list" flex>
            <li class="fanpaishuliang">
                <img src="../img/wzk.png">
                <img src="../img/pai2.png">
            </li>
            <li class="fanpaishuliang">
                <img src="../img/wzk.png">
                <img src="../img/pai5.png">
            </li>
            <li class="fanpaishuliang">
                <img src="../img/wzk.png">
                <img src="../img/pai7.png">
            </li>
            <li class="fanpaishuliang">
                <img src="../img/wzk.png">
                <img src="../img/pai9.png">
            </li>
        </ul>
        <ul class="list2" flex>
            <li class="fanpaishuliang">
                <img src="../img/wzk.png">
                <img src="../img/pai3.png">
            </li>
            <li>
                <div id="lulu">
                    <p class="p4">我的心愿大奖</p>
                    <div class="lutu">
                    </div>
                    <p class="p3">王者英雄，任你选择</p>
                </div>
            </li>
            <li class="fanpaishuliang">
                <img src="../img/wzk.png">
                <img src="../img/pai10.png">
            </li>
        </ul>
    </div>

</section>


<!--蒙层-->
<div class="menceng"></div>


<!--活动规则-->
<section class="huodong">
    <div class="guize">
        <h1>
            活动规则
        </h1>

        <p>1、活动时间：2019.1.01-2019.2.14；<br/>
            2、单账号只可绑定一次角色参与活动，绑定后不可更换，请各位玩家慎重绑定；<br/>
            3、玩家首次参与活动时，从8款英雄和皮肤中选择1款作为自己的心愿奖励，<span>累计翻牌去10次必得心愿大奖，</span>共2亿皮肤/英雄奖励免费送；<br/>
            4、玩家每天可通过完成游戏任务和特殊任务获得翻牌次数（需通过活动中绑定的角色完成任务），每日最多可获得3次翻牌次数，<span>1月01日最多可获得10次翻牌次数！</span><br/>
            5、玩家累计翻牌10次，必得永久皮肤或英雄；10张卡牌全部翻开后，卡牌江重置，并更新奖池，新奖池为随机奖池，有机会获得限定英雄皮肤体验卡；<br/>
            6、心愿奖池包括有：老夫子，SNK英雄-娜可露露，SNK英雄-不知火舞，SNK英雄-橘右京，扁鹊-化身博士，雅典娜-战争女神，大乔-伊势巫女，花木兰-兔女郎；翻牌还有机会开出限定英雄皮肤体验卡；<br/>
            7、皮肤、英雄、英雄碎片等游戏道具奖励将直接发送至玩家绑定角色的邮箱中；<br/>
            8、更多活动功能规则详情请查看活动<span>公告及FAQ</span>；<br/>
            9、本次活动解释权在法律范围内归王者荣耀所有；
        </p>
            <img src="../img/cha.png" class="cha">



    </div>
</section>


<!--选择大奖-->
<section class="xuanze">
    <div class="tanchuan1">
        <img src="../img/xinyuan1.png" class="tu3">
        <img src="../img/dajiang1.png" class="tu4">
        <ul class="list3" flex="main:center">
            <li>
                <img src="../img/j1.png">
            </li>
            <li>
                <img src="../img/j2.png">
            </li>
            <li>
                <img src="../img/j3.png">
            </li>
            <li>
                <img src="../img/j4.png">
            </li>
        </ul>
        <ul class="list4" flex>
            <li flex="main:center cross:center"
                class="list9999"
                data-img="../img/J11.png"
                data-bgimg="../img/j1.png">

                <img src="../img/andiu.png">
                <img src="../img/andiu2.png">
            </li>
            <li  flex="main:center cross:center"
                 class="list9999"
                 data-img="../img/J22.png"
                 data-bgimg="../img/j2.png">

                <img src="../img/andiu.png">
                <img src="../img/andiu2.png">
            </li>
            <li flex="main:center cross:center"
                class="list9999"
                data-img="../img/J33.png"
                data-bgimg="../img/j3.png">

                <img src="../img/andiu.png">
                <img src="../img/andiu2.png">
            </li>
            <li flex="main:center cross:center"
                class="list9999"
                data-img="../img/J44.png"
                data-bgimg="../img/j4.png">

                <img src="../img/andiu.png">
                <img src="../img/andiu2.png">
            </li>
        </ul>
        <ul class="list3" flex>
            <li>
                <img src="../img/j5.png">
            </li>
            <li>
                <img src="../img/j6.png">
            </li>
            <li>
                <img src="../img/j7.png">
            </li>
            <li>
                <img src="../img/j8.png">
            </li>
        </ul>
        <ul class="list4" flex>
            <li flex="main:center cross:center"
                class="list9999"
                data-img="../img/J55.png"
                data-bgimg="../img/j5.png">

                <img src="../img/andiu.png">
                <img src="../img/andiu2.png">
            </li>
            <li  flex="main:center cross:center"
                 class="list9999"
                 data-img="../img/J66.png"
                 data-bgimg="../img/j6.png">

                <img src="../img/andiu.png">
                <img src="../img/andiu2.png">
            </li>
            <li flex="main:center cross:center"
                class="list9999"
                data-img="../img/J77.png"
                data-bgimg="../img/j7.png">

                <img src="../img/andiu.png">
                <img src="../img/andiu2.png">
            </li>
            <li flex="main:center cross:center"
                class="list9999"
                data-img="../img/J88.png"
                data-bgimg="../img/j8.png">

                <img src="../img/andiu.png">
                <img src="../img/andiu2.png">
            </li>
        </ul>
            <button class="button">
                确认心愿
            </button>
    </div>


</section>

<!--心愿达成-->

<section class="dacheng">
    <div class="tanchuan">
        <img src="../img/dajiang.png" class="tu1">
        <img src="../img/dajiang1.png" class="tu2">
        <img src="../img/j3.png" class="lulu">
        <button type="button">
             确认领取
        </button>

    </div>
</section>

<script src="../js/d1.js"></script>
</body>
</html>